<?php if(!empty($sliders)):?>
<div class="slider">
	<div class="row">

		<!-- Right -->
		<div class="col-md-12 right">
			<!-- siler -->
			<div id="slider" class="carousel slide" data-ride="carousel">
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<?php foreach($sliders as $k => $v):?>
					<li data-target="#slider" data-slide-to="<?= $k ?>"  <?= $k == 0 ? 'class="active"' : ''; ?>></li>
					<?php endforeach; ?>
				</ol>

				<!-- Wrapper for slides -->
				<div class="carousel-inner">
					<?php foreach($sliders as $k => $v):?>
					<div class="item <?= $k == 0 ? ' active' : ''; ?>">
						<img src="<?= PUBLIC_DETAIL_SHOW . $v['Image']['image'] ?>" alt=""/>
					</div>
					<?php endforeach; ?>
				</div>

				<!-- Controls -->
				<a class="left carousel-control" href="#slider" role="button" data-slide="prev">
					<span class="glyphicon glyphicon-chevron-left"></span>
				</a>
				<a class="right carousel-control" href="#slider" role="button" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right"></span> <!-- glyphicon glyphicon-chevron-right -->
				</a>
			</div>
			<!-- End siler -->
		</div>
		<!--End Rights -->
	</div>
</div>
<?php else: ?>
<div class="clearfix mb20"></div>
<?php endif;?>